<template>
  <div>
    <div class="banner">
      <!-- 分类 -->
      <HomeBannerVue/>
      <!-- 轮播 -->
      <HomeSwiper/>
    </div>
    <!-- 新鲜好物 -->
    <HomeNewVue/>
    <!-- 人气推荐 -->
    <HomeCategoryVue/>
    <!-- 产品列表 -->
    <HomeListVue/>
  </div>
</template>

<script setup>
import HomeSwiper from './components/HomeSwiper.vue'
import HomeBannerVue from "./components/HomeBanner.vue";
import HomeCategoryVue from "./components/HomeCategory.vue";
import HomeListVue from "./components/HomeList.vue";
import HomeNewVue from "./components/HomeNew.vue";
import HomePanel from './components/HomePanel.vue';

</script>

<style lang="scss" scoped>
.banner{
  height: 500px;
}
</style>